export const defaultLayout = 'normal'
/**
 * @type import('naive-ui').GlobalThemeOverrides
 */
export const lightThemeOverrides = {
  common: {
    primaryColor: '#1779F8',
    primaryColorHover: '#1779F8',
    primaryColorPressed: '#1779F8',
    textColor2: '#101112',
    borderColor: '#D9E0E9',
    heightMedium: '32px',
    borderRadius: '6px',
    placeholderColor: '#7E8692',
    placeholderColorDisabled: '#7E8692',
  },
  Layout: {
    color: 'transparent',
    siderColor: 'transparent',
  },
  Menu: {
    itemColorActive: '#1779F817',
    itemHeight: '36px',
    itemTextColor: '#4A4D50',
    itemTextColorHover: '#4A4D50',
    borderRadius: '6px',
  },
  Form: {
    labelTextColor: '#4A4D50',
  },
  Drawer: {
    borderRadius: '0px',
    bodyPadding: '20px 24px',
    titleFontSize: '16px',
    headerBorderBottom: '1px solid #E7EBF0',
    titleTextColor: '#313335',
    footerPadding: '20px',
  },
  Card: {
    fontSizeMedium: '16px',
    lineHeight: '24px',
  },
  // common: {
  //   primaryColor: '#6D61E3',
  //   primaryColorHover: '#6D61E3',
  //   borderRadius: '6px',
  //   heightMedium: '36px',
  //   borderColor: '#D9DEE9',
  //   textColor2: '#060312',
  //   textColorDisabled: '#817E92',
  //   placeholderColor: '#817E92',
  //   placeholderColorDisabled: '#817E92',
  //   iconColor: '#060312',
  //   inputColorDisabled: '#9BA4B21A',
  // },
  // Form: {
  //   labelTextColor: '#4B4A50',
  // },
  // Menu: {
  //   color: '#0000',
  //   itemTextColor: '#686F7C',
  //   itemTextColorHoverHorizontal: '#316C72E3',
  //   itemTextColorActive: '#6D61E3',
  //   itemColorActive: '#f7f7fd',
  //   itemColorActiveHover: '#f7f7fd',
  //   itemTextColorActiveHover: '#6D61E3',
  //   itemIconColorActive: '#6D61E3',
  //   itemIconColorActiveHover: '#6D61E3',
  //   itemTextColorChildActive: '#140D35',
  //   itemTextColorChildActiveHover: '#140D35',
  // },
  // Button: {
  //   colorPressedPrimary: '#6D61E3',
  //   textColorPressed: '#6D61E3',
  //   textColorGhostPressedPrimary: '#6D61E3',
  //   colorPressedSuccess: '#0c7a43',
  //   borderPressedPrimary: '1px solid #6D61E3',
  //   textColorText: '#6D61E3',
  //   textColorTextHover: '#6D61E3',
  //   textColorTextPressed: '#6D61E3',
  //   borderPressed: '#6D61E3',
  //   textColorGhostPressed: '#6D61E3',
  //   colorQuaternaryHover: '#eeedfc',
  //   colorQuaternaryPressed: '#eeedfc',
  //   heightMedium: '32px',
  // },
  // Radio: {
  //   buttonHeightMedium: '32px',
  //   buttonBorderRadius: '4px',
  //   buttonColorActive: '#6D61E3',
  //   buttonBorderColor: '#E7EAF0',
  //   buttonTextColor: '#6C687C',
  //   buttonTextColorActive: '#FFF',
  //   buttonBoxShadowFocus: 'none',
  // },
  // DataTable: {
  //   // borderRadius: '8px',
  //   // thTextColor: '#6C687C',
  //   // tdTextColor: '#4B4A50',
  //   // thColor: '#F4F5F7',
  //   // tdColorHover: '#F4F5F780',
  // },
  // Pagination: {
  //   buttonBorder: 'none',
  //   buttonBorderHover: 'none',
  //   buttonBorderPressed: 'none',
  //   itemTextColor: '#6C687C',
  //   itemBorder: '1px solid #E7EAF0',
  //   itemBorderHover: '1px solid #6D61E3',
  //   itemColorActive: '#6D61E3',
  //   itemColorActiveHover: '#6D61E3',
  //   itemColorPressed: '#6D61E3',
  //   itemTextColorActive: '#FFF',
  //   itemTextColorPressed: '#FFF',
  //   jumperTextColor: '#4B4A50',
  // },
  // Empty: {
  //   iconColor: '#817E92',
  //   textColor: '#817E92',
  // },
  // Select: {
  //   peers: {
  //     InternalSelectMenu: {
  //       optionTextColorPressed: '#6d61e3',
  //     },
  //   },
  // },
  // Tabs: {
  //   tabTextColorLine: '#4b4a50',
  //   tabTextColorActiveLine: '#060312',
  //   tabTextColorHoverLine: '#060312',
  //   tabPaddingMediumLine: '20px 0',
  //   tabGapMediumLine: '32px',
  //   tabFontWeightActive: 500,
  //   panePaddingMedium: '24px 0 0 0',
  // },
  // Dialog: {
  //   iconSize: '24px',
  // },
  // Popselect: {
  //   peers: {
  //     InternalSelectMenu: {
  //       optionTextColorPressed: '#6d61e3',
  //     },
  //   },
  // },
}

/**
 * @type import('naive-ui').GlobalThemeOverrides
 */
export const deepThemeOverrides = {
  common: {
    primaryColor: '#51E6FB',
    primaryColorHover: '#51E6FB',
    borderRadius: '2px',
    heightMedium: '36px',
    borderColor: '#2487DC4D',
    textColor2: '#FFF',
    textColorDisabled: '#FFFFFF99',
    placeholderColor: '#FFFFFF99',
    placeholderColorDisabled: '#FFFFFF99',
    iconColor: '#2BA1FF',
    inputColor: '#001B2E33',
    inputColorDisabled: '#1D7CBC26',
    popoverColor: '#024F88E6',
    hoverColor: '#51E6FB1A',
  },
  Form: {
    labelTextColor: '#FFFFFF99',
  },
  Menu: {
    color: '#0000',
    itemTextColor: '#FFFFFF99',
    itemTextColorHoverHorizontal: '#316C72E3',
    itemTextColorActive: '#51E6FB',
    itemColorActive: '#51E6FB0D',
    itemColorActiveHover: '#51E6FB0D',
    itemTextColorActiveHover: '#51E6FB',
    itemIconColorActive: '#51E6FB ',
    itemIconColorActiveHover: '#51E6FB',
    itemTextColorChildActive: '#FFFFFF',
    itemTextColorChildActiveHover: '#FFFFFF',
  },
  Button: {
    colorPressedPrimary: '#51E6FB',
    textColorPressed: '#51E6FB',
    textColorGhostPressedPrimary: '#51E6FB',
    colorPressedSuccess: '#0c7a43',
    borderPressedPrimary: '1px solid #51E6FB',
    textColorText: '#51E6FB',
    textColorTextHover: '#51E6FB',
    textColorTextPressed: '#51E6FB',
    borderPressed: '#51E6FB',
    textColorGhostPressed: '#51E6FB',
    colorQuaternaryHover: '#51E6FB33',
    colorQuaternaryPressed: '#51E6FB33',
    heightMedium: '32px',
  },
  Radio: {
    buttonHeightMedium: '32px',
    buttonColor: '#062a5f',
    buttonColorActive: '#062a5f',
    buttonBorderColor: '#ffffff66',
    buttonBoxShadowFocus: 'none',
    buttonTextColor: '#ffffff66',
    buttonBorderRadius: '0px',
    color: 'rgba(29,124,188,0.15)',
    textColor: '#ffffff99',
  },
  DataTable: {
    borderRadius: '0px',
    borderColor: 'transparent',
    thColor: 'transparent',
    thColorHover: 'transparent',
    thTextColor: '#FFFFFFCC',
    thFontWeight: 400,
    tdColor: 'transparent',
    tdColorHover: '#transparent',
    tdTextColor: '#FFF',
  },
  Pagination: {
    itemTextColor: '#FFFFFFCC',
    itemBorder: '1px solid #2BA1FF80',
    itemBorderHover: '1px solid #2BA1FF80',
    itemBorderDisabled: '1px solid #2BA1FF80',
    jumperTextColor: '#FFFFFFCC',
    itemSizeMedium: '32px',
    peers: {
      Select: {
        peers: {
          InternalSelection: {
            textColor: '#FFFFFFCC',
            arrowColor: '#FFFFFFCC',
            border: '1px solid #2BA1FF80',
            paddingSingle: '0 32px 0 8px',
            heightSmall: '32px',
          },
        },
      },
      Input: {
        border: '1px solid #2BA1FF80',
        heightSmall: '32px',
      },
    },
  },
  Empty: {
    iconColor: '#FFFFFFCC',
    textColor: '#FFFFFFCC',
  },
  Tabs: {
    tabTextColorLine: '#FFFFFF99',
    tabPaddingMediumLine: '20px 0',
    tabGapMediumLine: '32px',
    tabFontWeightActive: 'blod',
    panePaddingMedium: '24px 0 0 0',
    tabBorderColor: '#3197E380',
  },
  Message: {
    colorInfo: '#024F88E6',
    colorSuccess: '#024F88E6',
    colorError: '#024F88E6',
    colorWarning: '#024F88E6',
    colorLoading: '#024F88E6',
  },
  Select: {
    peers: {
      InternalSelectMenu: {
        optionTextColor: '#FFFFFFE6',
        optionTextColorPressed: '#51E6FB',
      },
    },
  },
  Dialog: {
    color: '#042758',
    textColor: '#FFFFFFCC',
    padding: '0px 0px 20px',
    borderRadius: '4px',
    contentMargin: '20px',
    iconSize: '24px',
    closeSize: '24px',
    closeMargin: '12px 20px 0 0',
  },
  Input: {
    countTextColor: '#FFFFFF99',
  },
  Popselect: {
    peers: {
      InternalSelectMenu: {
        optionTextColor: '#FFFFFFE6',
        optionTextColorPressed: '#51E6FB',
      },
    },
  },
}
